<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> new document </title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style>
body{margin:0;padding:10px}
#test{ width:200px;margin:0;padding:0;height:20px;}
.ac{position:absolute;background:#fff;z-index:999;border:solid 1px #ccc;display:none}
.ac ul{ margin:0;padding:0;list-style:none;width:100%;list-style-position:outside;}
.ac ul li{cursor:pointer;height:20px;text-indent:5px;line-height:20px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ac ul li.curr{ background:#ddf}
#logArea{min-height:20px; overflow:auto; border:solid 1px red;margin-left:250px;}
</style>
<script src="../../../lib/jquery-1.4.2.js"></script>
</head>
<body>
<form name="autocomplete" action="">
<input type="text" name="test" value="test" id="test" />
<input type="submit" value="提交" name="submit" />
<input type="button" value="clear" autocomplete="off" name="clear" id="clear" />
</form>
<div id="logArea"></div>
<script src="zl_autocomplete.js"></script>
<script>//<![CDATA[
$( '#test').autocomplete( {
	ajax_url: '../ajax.php',
	min_len: 3,
	latency: 10
});
//]]></script>
</body>
</html>
